
<template>
  <div ref="left1_container" id="container" style="height: 95%"></div>
</template>
<script>
  //引入折线构造函数
  import {Line} from '@antv/g2plot'
  export default{
   data(){
      return{
         dataArr:[ { year: '1991', value: 3 },
  { year: '1992', value: 4 },
  { year: '1993', value: 3.5 },
  { year: '1994', value: 5 },
  { year: '1995', value: 4.9 },
  { year: '1996', value: 6 },
  { year: '1997', value: 7 },
  { year: '1998', value: 9 },
  { year: '1999', value: 13 },]
       }
   },
   created(){

   },
   mounted(){
    this.initChart()   },
   methods:{
     //创建一个折线图实例对象
     initChart(){
      const line = new Line('container', {
            data:this.dataArr,
           xField: 'year',
           yField: 'value',
           });

      line.render();
     }
   }
  }
</script>
<style scoped>

</style>